今天要來向大家說明TypeScript(TS)函式(Function)的預設參數(Default Parameter),
與昨天帶大家認識的**選擇性參數(Optional Parameter)**都是讓函式在被呼叫時,
可以選擇傳入或是不傳入參數,
最大的差別就是
選擇性參數若不傳入值,該參數便會undefined,
預設參數若不傳入值,該參數便會帶入預設的值,
那麼我們依樣來看看範例吧。
首先,先來一樣帶之前的最基本款吧,
function add(x: number, y: number): number {
return x + y;
}
接著將參數y改寫為預設參數,
表示在呼叫這個函式時若不傳入此參數時便會帶入所預設的值,
在範例中我帶入預設參數y為0,
如下,
function add(x: number, y: number = 0): number {
return x + y;
}
那麼我在呼叫這個add函式時,
若不傳入y參數,
y便會直接預設為0,
回傳結果就會式 x + 0 的值。
在使用上的範例如下,
let i = 10;
let j = 20;
let r1 = add(i, j); // 10+20=30
let r2 = add(i); // 10
console.log(r1, r2); // 30 20
也就是一般呼叫函式的方式,
這也能看出預設參數與選擇性參數相同的,
皆能讓這函式變得更有彈性。
今天講的預設參數與昨天講的選擇性參數在使用上是不是很相似呢,
我覺得預設參數在大多數的情況下可能更好用一些,
也不用擔心undefined型別會影響判斷式,
更為直觀,
那麼大家一如往常的繼續加油喔。